
.staff_setting{
  div.wrap{
    margin:15px 16px 0 10px;
    float:left;

    div.salary,div.allowance{
      width:312px;
      display:flex;
      &>span{
        font-size: 14px;
        font-weight: bold;
        margin-top:3px;
      }
      ul{
        li{
          height:40px;

          label{ width:65px; text-align:right; margin-right:5px; }
          input[type='text'], input[type='number'] { width:160px;text-align: center;}
          select{ height:27px;}
        }
      }

      .transfer_btn{
        background:#9241EC;
        color:#fff;
        width:80px; height:25px;
        margin-right:42px;
        border:none;
        border-bottom:3px solid #000;
        &[disabled]{
          background:#8B888E;
          border-bottom:3px solid #6E6A6A;
        }
      }

      .adjust_salary_btn{
        background:#ED6841;
        color:#fff;
        width:162px;height:25px;
        border:none;
        border-bottom:3px solid #AC624D;
        letter-spacing: 10px;
        &[disabled]{
          background:#8B888E;
          border-bottom:3px solid #6E6A6A;
        }
      }
    }

    div.allowance{
      margin-top:30px;
    }

    div.ticheng{
      width:312px;
      &>span{
        font-size: 14px;
        font-weight: bold;
        margin-top:3px;
        margin-right:73px;
      }
    }

    div.contract{
      width:330px;
      display:flex;
      &>span{
        font-size: 14px;
        font-weight: bold;
        margin-top:3px;
      }
      ul{
        li{
          height:40px;

          label{ width:90px; text-align:right; margin-right:5px; }
          input[type='text'], input[type='number'] { width:160px; text-align: center;}
          select{ height:27px;}
        }
      }

      .sign_contract_btn{
        background:#9241EC;
        color:#fff;
        width:162px;height:25px;
        border:none;
        border-bottom:3px solid #61379B;
        &[disabled]{
          background:#8B888E;
          border-bottom:3px solid #6E6A6A;
        }
      }
    }

    div.social_security{
      width:330px;
      display:flex;
      margin-top:30px;
      &>label{
        font-size: 14px;
        font-weight: bold;
        margin-top:3px;
      }

      ul{
        li{
          height:40px;

          label{ width:90px; text-align:right; margin-right:5px; }
          input[type='text'], input[type='number'] { width:160px;text-align: center;}
          select{ height:27px;}
        }
      }
    }

    div.technique{
      width:330px;
      display:flex;
      &>span{
        font-size: 14px;
        font-weight: bold;
        margin-top:3px;
      }

      ul{
        li{
          height:40px;

          label{ width:70px; text-align:right; margin-right:5px; }

          form{
            display: inline-block;
          }

          input[type='range'] { width:145px;}
          select{ height:27px; width:162px;}
          input[type='text'] { width: 160px;}
        }
      }
    }

    div.others{
      width:280px;
      display:flex;
      &>span{
        font-size: 14px;
        font-weight: bold;
        margin-top:3px;
        margin-right:18px;
      }
      ul{
        margin-top:3px;
        li{ height:40px;}
      }
    }

  }
}

.salary_adjusting_wrap,.contract_signing_wrap,.transfer_wrap{
  display:none;
  width:100%;
  height:110%;
  background:rgba(0,0,0,0.07);
  position:absolute; top:0; left : 0;
  .salary_adjusting_window,.contract_signing_window,.transfer_window{
    width:770px;
    min-height:530px;
    background:#fff;
    border-top: 8px solid #959595;
    margin : 150px auto 0 auto;
    box-shadow:3px 6px 18px #dedddd, -3px 0px 18px #dedddd, 0px 0px 0px #dedddd;
    padding: 0 15px 15px 15px;
    h3{border-bottom:2px solid #d9d9d9; height:35px; line-height:35px;}
    .content{
      table{
        margin-top:15px;
        tr{
          height:45px;
          td{
            &:nth-child(odd){ text-align:right; }
            input[type="text"]{width:131px;}
          }
        }
      }

      div.reason,div.start_time,div.confirm_person,div.remark,div.valid_period{
        display:flex;
        margin:10px 0 20px 0;
        label{
          width: 53px;
          text-align: right;
          margin-right: 9px;
        }
        textarea{ width: 683px; height:40px;}
        input{ width:140px;}
        select{ width:142px; }
      }
      div.form_maker{
        height:76px; line-height:76px;
        text-align:right;
        span{ font-weight:bold;}
        label.maker{
          margin-right:50px;
        }
        label.date{ margin-right:20px; }
      }
      .btn_groups{
        text-align:right;
      }
    }
  }
}
